.not_login_page {
  width: 375px;
  height: 100vh;
  background-color: var(--brand);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 44px;
  position: relative;

  &__footer {
    position: absolute;
    bottom: 64px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    flex-flow: column;
    
    .big_logo {
      margin-top: 48px;
    }
  }
  
  &__login,
  &__signup {
    span {
      font-family: Inter;
      color: var(--text);
      font-size: var(--text-lg);
      line-height: 24px;
      box-sizing: border-box;
      border-bottom: 1px solid #fff;
      display: inline-flex;
    }
  }
  &__signup {
    margin-top: 20px;
  }
}

@media screen and (max-width: 600px) {
  /* CSS rules */
  .not_login_page {
    padding-top: 44px;
  }
}
